body {
    margin: 0;
    padding: 0;

    .kanban {
        background-color: rgb(38, 40, 45);

        #kb_root {
            height: 98vh;
            width: 98vw;
            position: relative;
            top: 1%;
            left: 1%;
            border: 1px solid black;
            box-shadow: 0px 0px 2px 1px black;
            display: flex;
            flex-direction: column;
            box-sizing: border-box;
            background: rgb(34, 40, 49);

            .kb_title_container {
                flex: 1;
                
                .kb_title {
                    height: 80%;
                    width: 98%;
                    top: 18%;
                    left: 1%;
                    position: relative;
                    background-color: rgb(30, 32, 38);
                    border: 1px solid rgb(39, 42, 49);
                }
            }

            .kb_body {
                flex: 8;
                background-color: rgb(45, 49, 56);
                display: flex;
                flex-direction: row;
                .kb_body_left {
                    flex: 4.5;
                    display: flex;
                    flex-direction: column;
                    .kb_body_left1 {
                        flex: 6.2;
                        .container {
                            height: 96%;
                            width: 96%;
                            position: relative;
                            left: 2%;
                            top: 2%;
                            background-color: rgb(24, 26, 33);
                        }
                    }
                    .kb_body_left2 {
                        flex: 3.8;
                        .container {
                            height: 96%;
                            width: 96%;
                            position: relative;
                            left: 2%;
                            top: 2%;
                            background-color: rgb(24, 26, 33);
                        }
                    }
                }
                .kb_body_right {
                    flex: 5.5;
                    display: flex;
                    flex-direction: row;
                    .kb_body_right1 {
                        flex: 5;
                        height: 100%;
                        width: 100%;
                        display: flex;
                        flex-direction: column;
                        .container1 {
                            flex: 6.2;
                            .container {
                                height: 96%;
                                width: 98%;
                                position: relative;
                                top: 2%;
                                left: 1%;
                                background-color: rgb(24, 26, 33);
                            }
                        }
                        .container2 {
                            flex: 3.8;
                            .container {
                                height: 96%;
                                width: 98%;
                                position: relative;
                                top: 2%;
                                left: 1%;
                                background-color: rgb(24, 26, 33);
                            }
                        }
                    }
                    .kb_body_right2 {
                        flex: 5;
                        .container {
                            height: 97.9%;
                            width: 96%;
                            position: relative;
                            top: 1.3%;
                            left: 3%;
                            background-color: rgb(24, 26, 33);
                        }
                    }
                }
            }
        }
    }
}